@charset "utf-8";
@import "init";
@import "common";
main{
	.search{
		width: r(268);
		height: r(55);
		margin: 0 auto;
		// background-color: red;
		border: r(1) solid $bg_color;
		border-radius: r(55);
		overflow: hidden;
		form{
			box-sizing: border-box;
			display: flex;
			width: 100%;
			height: 100%;
			line-height: r(55);
			padding: 2% 0;
			overflow: hidden;
			input{
				font-size: r(24);
				justify-content: center;
				padding-left: r(20);
				padding-top: r(3);
				width: r(190);
				height: 96%;
				border: none;
				vertical-align: top;
				outline: none;
			}
			i{
				padding-left: r(6);
				vertical-align: r(5);
				color: $bg_color;
				font-size: r(40);
			}
		}
	}
	.p{
		p{
			width: 100%;
			text-align: center;
			font-size: r(30);
			margin: r(40) 0 r(20);
		}
	}
	.main-content{
		width: r(512);
		height: r(136);
		margin: 0 auto;
		.main-find{
			display: flex;
			flex-wrap: wrap;
			margin-bottom: r(6);
			a{
				display: flex;
				justify-content: space-between;
				align-content: center;
				flex-basis: 100%;
				p{
					width: r(124);
					height: r(65);
					line-height: r(65);
					background-color: #dcdcdc;
					color: $text_color;
					text-align: center;
					font-size: r(27);
				}
			}
		}
	}
	.main-wrap{
		width: r(709);
		height: r(93);
		margin: 0 auto;
		overflow: hidden;
		.left{
			padding-top: r(30);
			i{
				color: $bg_color;
				font-size: r(57);
			}
			span{
				font-size: r(30);
				// font-weight: bold;
			}
		}
		.right{
			padding-top: r(52);
			span{
				font-size: r(24);
				// font-weight: bold;
			}
			i{
				color: $bg_color;
				font-size: r(27);
			}
		}
	}
	.img-boxss{
		width: r(709);
		margin: r(30) auto 0;
		.img-boxsss{
			// display: flex;
			// flex-wrap: wrap;
			img:nth-child(1){
				width: r(277);
				height: r(350);
				padding-right: r(14);

			}
			img:nth-child(2){
				width: r(417);
				height: r(142);
				padding-bottom: r(14);

			}
			img:nth-child(3){
				width: r(188);
				height: r(193);
				padding-right: r(14);

			}
			img:nth-child(4){
				width: r(212);
				height: r(193);
			}
		}
	}
	.box-s{
		width: r(709);
		margin: r(30) auto 0;
		.img-box{
			display: flex;
			justify-content: space-between;
			img{
				width: r(226);
				height: r(205);
			}
		}
	}
}